.trainngNotice-bg {
    .g002-blockCard {
        width: 100%;
        height: calc(100vh - 20px);
        background-color: #ffffff;
        // box-shadow: 1px 1px 0px 0px #e0ecf9;
        border-radius: 8px;
        margin: 0 auto;
        padding: 20px;
        overflow: hidden;

        .g002-blockCard-component {}

    }

    .lg-blockCard-root .lg-blockCard-content {
        margin: 0;
    }

    .g002-blockCard-content {
        .content-right {
            // width: 962px;
            height: 100%;
            // background-color: #f8f8f8;
            // background-color: green;
            border-radius: 8px;
            // border: solid 1px #e8e8e8;
            // float: right;

            .content-right-top {
                height: 30px;
                // background-color: orange;
                // display: flex;

                .state-select {
                    .lg-select-frame {
                        width: 100px;
                    }

                    .lg-select-menu-root .lg-select-menu-menu {
                        width: 100px;
                    }
                }

                .dates-picker {
                    .date-picker {
                        margin: 0 12px 0 5px;
                    }

                    .data-picker-user {
                        margin: 0 12px 0 0;
                    }

                }

                .total-num {
                    font-family: Microsoft YaHei;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 30px;
                    letter-spacing: 0px;
                    color: #999999;

                    .total-num-number {
                        color: #333333;
                    }
                }

                .top-left {
                    display: flex;
                    float: left;

                    .el-input__icon+.el-input__inner:hover {
                        border-color: #64c1ff !important;
                    }

                    .el-input__icon+.el-input__inner {
                        height: 30px;
                    }
                }

                .top-right {

                    input:hover,
                    input:focus,
                    textarea:hover,
                    textarea:focus {
                        border: none !important;
                    }

                    display: flex;
                    // margin-left: 185px;
                    float: right;

                    .top-right-type {
                        width: 80px;
                        margin-left: 10px;

                        .lg_button_container_size-big {
                            padding: 0 12px;
                        }
                    }

                    .top-right-publish {
                        width: 97px;
                        margin-left: 10px;

                    }
                }


            }

            .content-right-bottom {
                // background-color: pink;
                height: 695px;
                padding-top: 16px;

                .pager-bottom {
                    position: absolute;
                    position: absolute;
                    top: 671px;
                    right: 20px;
                }

                .no-manage-div {
                    width: 100%;
                    height: 100%;

                    .no-manage-list {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        flex-wrap: wrap;

                        .no-manage-item {
                            width: 471px;
                            height: 128px;
                            border-radius: 6px;
                            border: solid 1px #e1e1e1;
                            margin-bottom: 16px;

                            .item-top {
                                margin: 14px 0 6px 20px;
                                cursor: pointer;

                                .item-top-title {
                                    margin-right: 3px;
                                    max-width: 257px;
                                    font-size: 14px;
                                    font-weight: bold;
                                    color: #333333;
                                    text-overflow: ellipsis;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    display: inline-block;
                                    vertical-align: middle;
                                }

                                .have-attachment{
                                    width: 13px;
                                    height: 14px;
                                    background-image: url(../images/Attachment.png);
                                    transform: rotate(90deg);
                                    background-size: contain;
                                    background-repeat: no-repeat;
                                    // margin-left: 5px;
                                    margin-right: 5px;
                                    vertical-align: middle;
                                    cursor: pointer;
                                }

                                .no-read-item::before {
                                    content: '';
                                    display: inline-block;
                                    width: 6px;
                                    height: 6px;
                                    background-color: #ec5260;
                                    border-radius: 50%;
                                    margin-right: 5px;
                                    top: -2px;
                                    position: relative;
                                }

                                .item-top-type {
                                    height: 19px;
                                    background-color: #0099ff;
                                    border-radius: 3px;
                                    padding: 1px 4px;
                                    font-size: 12px;
                                    color: #fff;
                                    vertical-align: middle;
                                }
                            }

                            .item-middle {
                                cursor: pointer;
                                margin: 0 42px 4px 20px;
                                height: 42px;
                                width: 404px;
                                text-overflow: ellipsis;
                                overflow: hidden;
                                white-space: break-spaces;
                                word-break: break-all;
                                color: #999999;
                                line-height: 19px;
                                letter-spacing: 0px;
                                // white-space:pre-wrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
                            }

                            .item-bottom {
                                width: 100%;
                                height: 37px;
                                background-color: #f1f1f1;
                                border-radius: 0px 0px 4px 4px;
                                border-top: solid 1px #e1e1e1;
                                padding: 9px 20px;
                                color: #999999;
                                display: flex;
                                justify-content: space-between;
                                padding-right: 93px;
                                // align-items: center;

                                .item-bottom-dep {
                                    display: flex;
                                    align-items: center;

                                    .dep-icon {
                                        width: 16px;
                                        height: 14px;
                                        background-image: url(../images/帽子.svg);
                                        // vertical-align: middle;
                                        margin-right: 3px;
                                    }
                                }

                                .item-bottom-read {
                                    display: flex;
                                    align-items: center;

                                    .read-icon {
                                        width: 16px;
                                        height: 14px;
                                        background-image: url(../images/眼睛.svg);
                                        // vertical-align: middle;
                                        margin-right: 3px;
                                    }
                                }

                                .item-bottom-time {
                                    display: flex;
                                    align-items: center;

                                    .time-icon {
                                        width: 16px;
                                        height: 14px;
                                        background-image: url(../images/时钟.svg);
                                        // vertical-align: middle;
                                        margin-right: 3px;
                                    }
                                }
                            }
                        }

                        .no-manage-item:nth-child(odd) {
                            margin-right: 20px;
                        }
                    }
                }
            }

            .empty-example {
                display: flex;
                justify-content: center;
            }
        }
    }

    .lg-blockCard-root .lg-blockCard-upper {
        display: none;
    }
}

.is-loading {
    width: 100%;
    height: 80%;
    justify-content: center;
}

//修改日期选择器
.el-picker-panel__body .el-date-table td.today {
    color: #20a0ff;
}

.el-picker-panel__body .el-date-table td.start-date,
.el-picker-panel__body .el-date-table td.end-date {
    color: #fff;
}

.el-date-table td.current:not(.disabled),
.el-picker-panel__body .el-date-table td.end-date,
.el-picker-panel__body .el-date-table td.start-date {
    background-color: #20a0ff !important;
}

.el-date-range-picker__content.is-left .el-date-range-picker__header .el-icon-arrow-left,
.el-date-range-picker__content.is-right .el-date-range-picker__header .el-icon-arrow-right {
    -webkit-mask-image: url(../images/单箭头.svg);
    mask-image: url(../images/单箭头.svg);
}

.el-date-range-picker__content.is-left .el-date-range-picker__header .el-icon-d-arrow-left,
.el-date-range-picker__content.is-right .el-date-range-picker__header .el-icon-d-arrow-right {
    -webkit-mask-image: url(../images/双箭头.svg);
    mask-image: url(../images/双箭头.svg);
}

.el-date-range-picker__content.is-left .el-date-range-picker__header .el-icon-arrow-left,
.el-date-range-picker__content.is-left .el-date-range-picker__header .el-icon-d-arrow-left {
    width: 14px;
    height: 13px;
    background-color: #97a8be;
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    background-size: cover;
}

.el-date-range-picker__content.is-right .el-date-range-picker__header .el-icon-arrow-right,
.el-date-range-picker__content.is-right .el-date-range-picker__header .el-icon-d-arrow-right {
    width: 14px;
    height: 13px;
    background-color: #97a8be;
    transform: rotate(90deg);
    background-repeat: no-repeat;
    background-size: cover;
}

.el-date-range-picker__content.is-left .el-date-range-picker__header .el-icon-arrow-left:hover,
.el-date-range-picker__content.is-left .el-date-range-picker__header .el-icon-d-arrow-left:hover,
.el-date-range-picker__content.is-right .el-date-range-picker__header .el-icon-arrow-right:hover,
.el-date-range-picker__content.is-right .el-date-range-picker__header .el-icon-d-arrow-right:hover {
    background-color: #0290fd;
}

.el-date-range-picker__content.is-left .el-date-range-picker__header .el-icon-arrow-left::before,
.el-date-range-picker__content.is-left .el-date-range-picker__header .el-icon-d-arrow-left::before,
.el-date-range-picker__content.is-right .el-date-range-picker__header .el-icon-arrow-right::before,
.el-date-range-picker__content.is-right .el-date-range-picker__header .el-icon-d-arrow-right::before {
    content: '';
}


.create-notice .lg_popLayer_container .lg_popLayer_top,
.type-setting .lg_popLayer_container .lg_popLayer_top {
    // background: linear-gradient(270deg, #05e4f8 0%, #00a1ff 100%) !important;
}


.create-notice .lg_popLayer_bottom_cho_box_custom_bottom {
    background-color: #e8eff7;
    height: 56px;
    display: flex;
    justify-content: flex-end;

    .cancel-btn {
        margin: 13px 20px 13px 12px;
    }

    .release-btn {
        margin: 13px 0;
    }

    .preview {
        margin: 19px 0 18px 0;
        width: 28px;
        height: 19px;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 17px;
        letter-spacing: 0px;
        color: #0099ff;
        border-bottom: 1px solid #0099ff;
        cursor: pointer;
    }

    .save-btn {
        margin: 13px 10px 13px 12px;
    }

}

.preview-notice .lg_popLayer_container .lg_popLayer_top,
.type-setting .lg_popLayer_container .lg_popLayer_top {
    // background: linear-gradient(270deg, #05e4f8 0%, #00a1ff 100%) !important;
}

.preview-notice {
    .preview-info {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;

        .preview-info-top {
            display: flex;
            flex-direction: column;
            align-items: center;
            border-bottom: 1px solid #e1e1e1;

            .notice-details-message {
                text-align: center;
                // margin: 10px 60px;
                // margin: 0px 60px 12px;
                padding-bottom: 12px;
                color: #999999;
                display: flex;
                justify-content: center;

                .publish-icon {
                    width: 16px;
                    height: 16px;
                    background-color: #999999;
                    background-repeat: no-repeat;
                    background-size: cover;
                    margin-right: 3px;
                }

                .publish-icon-time {
                    mask-image: url(../images/时钟.svg);
                    -webkit-mask-image: url(../images/时钟.svg);
                }

                .publish-icon-dep {
                    mask-image: url(../images/帽子.svg);
                    -webkit-mask-image: url(../images/帽子.svg);
                    height: 14px;
                }

                .publish-icon-type {
                    mask-image: url(../images/小喇叭.svg);
                    -webkit-mask-image: url(../images/小喇叭.svg);
                }

                .publish-icon-read {
                    mask-image: url(../images/眼睛.svg);
                    -webkit-mask-image: url(../images/眼睛.svg);
                    height: 11px;
                }

                span {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                span:nth-child(1) {
                    margin-right: 30px;
                }

                span:nth-child(2) {
                    margin-right: 29px;
                }

                span:nth-child(3) {
                    margin-right: 27px;
                }
            }
        }


        .notice-content {
            // min-height: 350px !important;
            word-break: break-all;
            white-space: break-spaces;
            padding-bottom: 20px;
            border-bottom: 1px solid #e1e1e1;
            margin-top: 16px;
            line-height: 22px;
            color: #333333;
            font-size: 14px;

            & div {
                min-height: 300px !important;
            }
        }

        .notice-down-box {
            width: 100%;
            background-color: #f5f5f5;
            border-radius: 3px;
            padding: 12px 0 16px 22px;
            margin-top: 16px;
            margin-bottom: 17px;

            .download-all {
                width: 57px;
                height: 19px;
                line-height: 19px;
                letter-spacing: 0px;
                color: #0099ff;
                border-bottom: 1px solid #0099ff;
                margin-left: 10px;
                cursor: pointer;
            }

            .download-all:hover {
                opacity: 0.8;
            }

            .notice-down-message {
                // width: 451px;
                width: 1120px;
                height: 30px;
                background-color: #ffffff;
                border-radius: 3px;
                display: flex;
                justify-content: space-between;
                margin-bottom: 10px;
                align-items: center;

                .file-size {
                    font-size: 12px;
                    line-height: 24px;
                    letter-spacing: 0px;
                    color: #999999;
                    margin-left: 3px;
                }

                .file-info {
                    display: inline-flex;
                    align-items: center;
                    margin-left: 8px;

                    .file-name {
                        max-width: 900px;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                        margin: 0;
                        padding: 0;
                    }

                    .file-icon {
                        margin-right: 5px;
                        width: 13px;
                        height: 15px;
                        // background-color: #e74c3c;
                    }

                    .file-icon-doc,
                    .file-icon-docx {
                        background-image: url(../images/格式-txt-1.svg);
                    }

                    .file-icon-ppt {
                        background-image: url(../images/格式-ppt.svg);
                    }

                    .file-icon-zip {
                        background-image: url(../images/格式-zip.svg);
                    }

                    .file-icon-jpg,
                    .file-icon-jpeg,
                    .file-icon-png {
                        background-image: url(../images/格式-picture.svg);
                    }

                    .file-icon-xls,
                    .file-icon-excel {
                        background-image: url(../images/格式-excel.svg);
                    }

                    .file-icon-zip {
                        background-image: url(../images/格式-zip.svg);
                    }
                }


            }
        }
    }
}

.type-setting .lg_popLayer_container .g_popLayer_main_noScrollBar_window_scrollModel_Out .lg_popLayer_main_detail {
    padding: 12px 20px !important;
}



.type-setting {
    ::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 10px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 10px;
    }

    ::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #535353;
    }

    ::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #ededed;
    }

    .selected-one {
        float: left;
        min-width: 90px;
        max-width: 400px;
        height: 30px;
        line-height: 28px !important;
        margin-right: 8px !important;
        margin-bottom: 5px !important;
        border-radius: 3px;
        padding: 0 26px 0 8px;
        border: dashed 1px #dddddd !important;
        position: relative;
        color: #333333;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;

        .delete-logo {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 8px;
            width: 12px;
            height: 12px;
            background-image: url(../images/搜索关闭.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            cursor: pointer;

            &:hover {
                opacity: 0.8;
            }
        }
    }

    .type-top {
        margin-bottom: 12px;
        color: #999999;
        height: 30px;

        .type-num {
            color: #333333;
        }

        .type-top-right {
            float: right;
        }
    }

    .type-bottom {
        display: flex;
        justify-content: center;
        height: 80%;
    }

    .drawer-modal {
        .lg-drawer-content {
            padding: 14px 24px !important;
        }

        .drawer-container {
            display: flex;
            flex-direction: column;

            textarea {
                resize: none;
            }

            input:hover,
            input:focus,
            textarea:hover,
            textarea:focus {
                border: none !important;
            }

            .span-tips {
                position: relative;
                top: -2px;
                display: inline-block;
                width: 14px;
                height: 14px;
                font-size: 12px;
                color: #ffffff;
                // background-color: rgba($color: #999999, $alpha: 0.8);
                border-radius: 50%;
                text-align: center;
                font-weight: bold;
                margin-right: 2px;
                vertical-align: middle;
                line-height: 12px;
                cursor: pointer;
                background-image: url(../images/释义.svg);
                // -webkit-mask-image: url(../images/释义.svg);
                // mask-image: url(../images/释义.svg);
            }

            .type-span {
                display: inline-block;
                width: 96px;
                text-align: end;
                font-family: MicrosoftYaHei;
                font-size: 14px;
                font-weight: normal;
                letter-spacing: 0px;
                color: #999999;
                margin-right: 8px;
            }

            .type-name {
                .lg-input-root .lg-input-warp {
                    width: 481px;
                }

                .input-num {
                    color: #b8b8b8;
                    font-size: 12px;
                    position: absolute;
                    right: 56px;
                    top: 19px;
                }
            }

            .can-view-person {
                display: flex;

                margin: 14px 0 16px 0;

                .type-can-views {
                    // display: flex;
                    // align-items: center;
                }

                .person-check-box {
                    display: flex;
                    align-items: center;

                    // .g006-form-1-item:not(first-child) {
                    .g006-form-1-item {
                        margin-right: 31px;
                    }

                    .g006-form-1-item-other {
                        margin-right: 3px;
                    }
                }
            }

            .type-describe {}

            .principal-person {
                color: #999999;
                margin: 16px 0;
                display: flex;
                min-height: 70px;

                .principal-person-right {
                    width: 481px;
                    // height: 116px;
                    background-color: #f8f8f8;
                    border-radius: 3px;
                    padding-left: 10px;
                    padding-top: 6px;

                    .principal-right-bottom {
                        float: right;
                        margin-top: 61px;
                        margin-top: 35px;
                        // margin-right: 20px;
                        margin-right: 8px;
                        margin-bottom: 8px;

                        .principal-empty {
                            margin: 0 5px 0 10px;
                        }
                    }
                }

                .principal-person-num {
                    color: #333333;
                }
            }

            .principal-person-identityCode {
                margin: 0 0 24px 0;
            }

            .is-open {
                display: flex;

                .is-open-describe {
                    color: #999999;
                    margin-left: 3px;
                }
            }
        }
    }
}
.myBtn {
    height: 56px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    // padding-right: 8px;
}

.must-fill {
    color: red;
    vertical-align: middle;
}